<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <!-- Define Charset -->
    <meta charset="utf-8">
    
    <!-- Page Title -->
    <title>Dynamo - Sell/Buy/Rent Cars Online HTML5 Responsive Template - Contact</title>

    <!-- Responsive Metatag -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
       
    <!-- CSS -->
    <link rel="stylesheet" href="css/bootstrap.css"/>
                    
    <!-- Font icons -->
    <link rel="stylesheet" href="css/fontello.css" >
    <!--[if IE 7]>
    <link rel="stylesheet" href="css/fontello-ie7.css" ><![endif]-->
    <link rel="stylesheet" href="css/styles.css" />
    <link rel="stylesheet" href="css/media-queries.css" />

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>        
    <![endif]-->

    <!-- Media queries -->
    <!--[if lt IE 9]>
        <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <![endif]-->
</head>

<body>
    <header>
        <!-- begin Top Bar -->
        <div class="topbar" >
            <jsp:include page="import/topbar.jsp"/>
        </div>
        <!-- end Top Bar -->
        
        <!-- begin NavBar -->
        <nav class="navbar" role="navigation">
            <jsp:include page="import/navbar.jsp"/>
        </nav>
        <!-- end NavBar -->

        <!-- begin Sub Bar -->
        <div class="subbar" >
            <jsp:include page="import/sub-bar.jsp"/>
        </div>
        <!-- end Sub Bar -->     
    </header>



    <section id="contact">

        <!-- Map -->
        <div id="map"></div>
        <!-- end map -->
        

        <div class="container"> 
            <div class="row">
                
                <div class="col-sm-6 col-md-9 cform" >
                    <h2>Where you can find us</h2>
                    <p>Exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto sport. <br />
                    Exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto sport.</p>

                    <form role="form" class="row">
                        <div class="form-group col-md-6">
                            <label for="name">Name</label>
                            <input type="email" class="form-control" id="name">
                        </div>
                        <div class="form-group col-md-6">
                            <label for="email">Email</label>
                            <input type="email" class="form-control" id="email">
                        </div>
                        <div class="form-group col-md-6">
                            <label for="subject">Subject</label>
                            <input type="email" class="form-control" id="subject">
                        </div>
                        <div class="form-group col-md-6">
                            <label for="telephone">Telephone Number</label>
                            <input type="email" class="form-control" id="telephone">
                        </div>
                        <div class="form-group col-md-12">
                            <label for="message">Message</label>
                            <textarea id="message" class="form-control" rows="6"></textarea>
                        </div>
                        <div class="col-md-12">
                            <button type="submit" class="btn">send messege</button>
                        </div>
                    </form>
                </div>

                <div class="col-sm-6 col-md-3 cinfo" >
                    <h2>More Information</h2>
                    <address>
                        <strong>Main Office</strong>
                        Telephone 876865765<br />
                        Address 123 Los Angeles, Bgton Av. 234<br />
                        <a href="#">info@company.com</a>
                    </address>

                    <address>
                        <strong>Support Information</strong>
                        Telephone 876865765<br />
                        Address 123 Los Angeles, Bgton Av. 234<br />
                        <a href="#">info@company.com</a>
                    </address>

                    <address>
                        <strong>Press Inquires</strong>
                        Telephone 876865765<br />
                        Address 123 Los Angeles, Bgton Av. 234<br />
                        <a href="#">info@company.com</a>
                    </address>
                    
                </div>

            </div>
        </div>
        
    </section>

    
    <footer>
        <!-- begin top Footer -->
         <jsp:include page="import/footer.jsp"/>
        <!-- begin bottom Footer -->
    </footer>
    
    <!-- Javascript Files -->
    <!-- jQuery -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script>window.jQuery || document.write("<script src=\"js/jquery-1.9.1.min.js\"")</script>
    
    <!-- Respond.js media queries for IE8 -->
    <script src="js/respond.min.js"></script>
    
    <!-- Bootstrap-->
    <script src="js/bootstrap.min.js" ></script>
 
    <!-- Retina.js -->
    <script src="js/retina.js" ></script>

    <!-- Placeholder.js http://widgetulous.com/placeholderjs/ -->
    <script src="js/placeholder.js" ></script>
    
    <!-- Go to top -->
    <script src="js/jquery.scrollTo-1.4.3.1-min.js" ></script>

    
    <!-- Gmaps -->
    <script src="http://maps.google.com/maps/api/js?sensor=true" ></script>
    <script src="js/gmaps.js" ></script>
             

    <!-- Custom -->
    <script src="js/script.js"  ></script>

    <!-- End Javascript Files -->
</body>
</html>